@import "../../common.less";
//----------cardlist----------
.card-list{
  .card + .card{
    margin-top: 10px;
  }
  .card{
    background: @clr-turquoisegreen;
    color: @clr-white;
    .car-header{
      padding:20px 0px;
    }
    .head-img{
      .fn-wh(80px,80px);
      .fn-radius(50%);
      border:solid 2px @clr-white;
    }
    .card-info{

      .icon{
        .fn-wh(22px,22px);
        display: inline-block;
        margin-bottom: -6px;
        margin-left: 10px;
        background: url("../../assets/spirit.png") no-repeat;
        background-size: 435px auto;
      }
      .icon.icon-male{
        background-position: -228px 0px;
      }
      .icon.icon-female{
        background-position: -251px 0px;
      }
    }
    .card-btns{
      line-height: 80px;
      text-align: center;
    }
    p:last-child{
      margin-bottom: 0;
    }
    a{
      color: @clr-white;
      text-decoration: underline;
    }
    .card-bar{
      background: @clr-darkgreen;
      div{
        line-height: 40px;
      }
    }
  }

}
//----------cardlist end----------


@media (max-width: @screen-xs-max) {
  .card-list {
    .card-info {
      padding: 15px 0px;
      line-height: 24px;
    }
  }
}

@media (min-width: @screen-xs-max) {
  .card-list {
    .card-info {
      line-height: 80px;
    }
  }
}
